<style>
.icon-link-wrapper .icon-url-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.icon-link-wrapper .icon-url-list li {
    float: left;
    width: 25%;
}
/*  这25%代表单排排5个按钮，你的数值是100除以按钮数，你是6按钮就100/6=16.6666 ,你填写16.6666就可以了  */
.icon-link-wrapper .icon-url-list li a {
    display: block;
    height: 75px;
    text-align: center;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.yhkb-wrap {
    margin: 15px 10px -5px 10px;
    font-size: 15px;
}
.shoufa-wrapper {
    margin-bottom: -10px;
}
</style>
<!--N宫格 开始-->
<ul class="icon-url-list clearfix">
 <!-- 行35～40 代表一个按钮  增加按钮的时候请复制完整 按规则修改-->                          
    <li class="">
       <a href="?r=index/cat&amp;cid=1">
           <i style="background: url('images/1.png');background-size: 100%;"></i>
           <span>女装</span>
       </a>
    </li>


    <li class="">
       <a href="?r=index/cat&amp;cid=9">
           <i style="background: url('images/2.png');background-size: 100%;"></i>
           <span>男装</span>
       </a>
    </li>


    <li class="">
       <a href="?r=index/cat&amp;cid=10">
           <i style="background: url('images/4.png');background-size: 100%;"></i>
           <span>内衣</span>
       </a>
    </li>

    <li class="">
       <a href="?r=index/cat&amp;cid=2">
           <i style="background: url('images/5.png');background-size: 100%;"></i>
           <span>母婴</span>
       </a>
    </li>


    <li class="">
       <a href="?r=index/cat&amp;cid=3">
           <i style="background: url('images/6.png');background-size: 100%;"></i>
           <span>化妆品</span>
       </a>
    </li>


   <li class="">
       <a href="?r=index/cat&amp;cid=4">
           <i style="background: url('images/7.png');background-size: 100%;"></i>
           <span>居家</span>
       </a>
    </li>


    <li class="">
       <a href="?r=index/cat&amp;cid=5">
           <i style="background: url('images/3.png');background-size: 100%;"></i>
           <span>鞋包配饰</span>
       </a>
    </li>
    
    <li class="">
       <a href="?r=index/cat&amp;cid=6">
           <i style="background: url('images/8.png');background-size: 100%;"></i>
           <span>美食</span>
       </a>
    </li>


    <li class="">
       <a href="?r=index/cat&amp;cid=7">
           <i style="background: url('images/9.png');background-size: 100%;"></i>
           <span>文体车品</span>
       </a>
    </li>


    <li class="">
       <a href="?r=index/cat&amp;cid=8">
           <i style="background: url('images/10.png');background-size: 100%;"></i>
           <span>数码家电</span>
       </a>
    </li> 
    
    <li class="">
       <a href="index.php?r=index/r">
           <i style="background: url('images/ddq_new_2.png');background-size: 100%;"></i>
           <span>小编推荐</span>
       </a>
    </li>


    <li class="">
       <a href="http://qizhilin.m.beexq.cn">
           <i style="background: url('images/pdd.png');background-size: 100%;"></i>
           <span>拼多多券</span>
       </a>
    </li> 
    
</ul>
<!-- N宫格 结束 -->
<!-- 首页公告开始 开始 -->
<div style=" background: #FFF;padding-bottom: 0px;margin: 0px 0 0px 0">

            <div class="notice-out">
                <div class="xlb"></div>
                <div id="wapNotice">
                    <div id="inner">
                        <div id="p1">
                            <p>欢迎使用淘宝天猫优惠券系统，想加入合伙人请联系微信：JD_8899<span></span></p>
                            <!-- wap首页公告栏 内容自行修改-->
                        </div>
                        <div id="p2"></div>
                    </div>
                </div>
                <!--                <div class="notice-close"><p>×</p></div>-->
            </div>

            <script>
                $(".notice-close").click(function(){
                    $(".notice-out").fadeOut();
                });
                var owidth = $("#wapNotice").width();
                var iwidth = $("#p1").width();
                if(iwidth<owidth){

                }else{

                    var speed=20;
                    var tab=document.getElementById("wapNotice");
                    var tab1=document.getElementById("p1");
                    var tab2=document.getElementById("p2");
                    tab2.innerHTML=tab1.innerHTML;
                    function Marquee(){
                        if(tab2.offsetWidth-tab.scrollLeft<=0)
                            tab.scrollLeft-=tab1.offsetWidth
                        else{
                            tab.scrollLeft++;
                        }
                    }
                    var MyMar=setInterval(Marquee,speed);
                    tab.onmouseover=function() {clearInterval(MyMar)};
                    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
                }
            </script>
</div>
<!-- 首页公告 结束 -->
<!-- 首页精选和9块9 开始 可按规则自定义其他 -->  
<table><tbody>
<tr><td>
<p><a target="_blank" href="./plugins.php?r=jx"><img border="0" src="./top/html/images/mrjx.png" width="100%"></a></p>
</td><td>
<p><a target="_blank" href="./plugins.php?r=jiu"><img border="0" src="./top/html/images/9.9byzc.png" width="100%"></a></p>
</td></tr>
</tbody></table>
<!-- 首页精选和9块9 结束 -->
<!--大家都在买 开始-->
<a class="pop-link" style="display: none" href=""><img class="dzm-img" src="" alt=""><em></em><p class="misaoshu">此商品刚刚被领券 (☆_☆)</p></a>
<script>
    setInterval(function () {
        var tPaht = "plugin.php?r=index/everybuy";
        $.ajax({
            url: tPaht,
            data: {
                t: 'c'
            },
            type: 'post',
            dataType: 'json',
            success: function (data) {
                if (data.status == 0) {
                    //                            $(".misaoshu").text(data.data.miaoshu);
                    $(".dzm-img").attr('src', data.data.img + '_50x50.jpg');
                    $(".pop-link").attr('href', data.data.url);
                }
            }
        });
        $(".pop-link").delay(1000).fadeIn();
        setTimeout(function () {
            $(".pop-link").fadeOut();
        }, 4000)
    }, 10000);  
</script>
<!--大家都在买 结束-->